<!--header-->
<div class="headerm">
	<div class="w1100 header clearfix">
    	<div class="logo fl"><a href="<{:U('Index/en')}>"><img src="__PUBLIC__/en/images/logo.jpg" /></a></div>
        <div class="nav fl">
        	<ul>
            	<li <if condition="$navId eq 1">class="cur"</if>><a href="<{:U('Index/en')}>">HOME</a></li>
                <li <if condition="$navId eq 2">class="cur"</if>><a href="<{:UU('Content/lists',array('cid'=>6))}>">ABOUT</a></li>
                <li <if condition="$navId eq 3">class="cur"</if>><a href="<{:UU('Content/lists',array('cid'=>2))}>">NEWS</a></li>
                <li <if condition="$navId eq 4">class="cur"</if>><a href="<{:UU('Content/lists',array('cid'=>3))}>">PRODUCTS</a></li>
                <li <if condition="$navId eq 5">class="cur"</if>><a href="<{:UU('Content/lists',array('cid'=>4))}>">CUSTOMER</a></li>
                <li <if condition="$navId eq 6">class="cur"</if>><a href="<{:UU('Content/lists',array('cid'=>5))}>">DOWNLOAD</a></li>
                <li <if condition="$navId eq 7">class="cur"</if>><a href="<{:UU('Content/lists',array('cid'=>10))}>">CONTACT</a></li>
            </ul>
        </div>
        <div class="language fl"><a href="<{:U('Index/cn')}>">中</a>| <a href="<{:U('Index/en')}>" class="cur">EN</a></div>
    </div>
</div>
<!--header-->

<!--banner-->
<if condition="$navId eq 1">
<script type="text/javascript" src="__PUBLIC__/en/js/slide/jquery.easing.1.3.js"></script>
<style type="text/css">
/* slide-banner */
.slide-banner{height:450px;overflow:hidden;position:relative;}
.banner-bg{position:absolute;left:0;top:0;height:450px;z-index:1;width:100%;background-color:#f4f4f4;background-position:50% 0;}
.banner-nav-bg{height:70px;position:relative;z-index:199;bottom:70px;}
.banner-nav{position:absolute;left:50%;bottom:87px;z-index:999;}
.banner-nav li{background:url(__PUBLIC__/en/images/icons.png) no-repeat;}
.banner-nav li{float:left;width:16px;height:16px;background-position:3px 0px;margin-right:8px;cursor:pointer;}
.banner-nav li.active{background-position:-20px 0px;}
.banner-content{width:1100px;margin:0 auto;position:relative;height:450px;z-index:100;}
.banner-img{position:absolute;z-index:2;left:-150%;}
.banner-bar-bg{width:100%;height:3px;margin:0 auto;bottom:71px;position:relative;z-index:99999; display:none;}
.banner-bar{height:3px;width:0;background:#00925f;position:absolute;left:0;z-index:999;}
</style>
<div class="slide-banner">

	<div class="banner-bg" style="display:block;background-image:url(__PUBLIC__/en/images/img/1p0.jpg);"></div>
	
	<div class="banner-content">
		<a class="banner" data-bg="__PUBLIC__/en/images/img/1p0.jpg" href="javascript:;">
			<div class="banner-img" style="left:0"><img style="margin-left: 0px" src="__PUBLIC__/en/images/img/1p1.png" alt=""></div>
			<div class="banner-img" style="left:0"><img style="margin-left: 0px" src="__PUBLIC__/en/images/img/1p2.png" alt=""></div>
			<div class="banner-img" style="left:0"><img style="display:none" /> </div>
		</a>
		
		<a class="banner" data-bg="__PUBLIC__/en/images/img/2p0.jpg" href="javascript:;">
			<div class="banner-img"><img style="margin-left: 0px" src="__PUBLIC__/en/images/img/2p1.png" alt=""></div>
			<div class="banner-img"><img style="margin-left: 0px" src="__PUBLIC__/en/images/img/2p2.png" alt=""></div>
			<div class="banner-img"><img style="display:none" /> </div>
		</a>
        
        <a class="banner" data-bg="__PUBLIC__/en/images/img/3p0.jpg" href="javascript:;">
			<div class="banner-img"><img style="margin-left: 0px" src="__PUBLIC__/en/images/img/3p1.png" alt=""></div>
			<div class="banner-img"><img style="margin-left: 0px" src="__PUBLIC__/en/images/img/3p2.png" alt=""></div>
			<div class="banner-img"><img style="display:none" /> </div>
		</a>
        
        <a class="banner" data-bg="__PUBLIC__/en/images/img/4p0.jpg" href="javascript:;">
			<div class="banner-img"><img style="margin-left: 0px" src="__PUBLIC__/en/images/img/4p1.png" alt=""></div>
			<div class="banner-img"><img style="margin-left: 0px" src="__PUBLIC__/en/images/img/4p2.png" alt=""></div>
			<div class="banner-img"><img style="display:none" /> </div>
		</a>
	</div>
	
	<div class="banner-nav-bg"></div>
	
	<ul class="banner-nav">
		<li class="active"></li>
		<li></li>
		<li></li>
        <li></li>
	</ul>
	
	<div class="banner-bar-bg">
		<div class="banner-bar"></div>
	</div>
	
</div>
<script type="text/javascript" src="__PUBLIC__/en/js/slide/bannerSlide.js"></script>
<else/>
<div class="aboutbanner" style="background:url(<{$aboutBanner}>) no-repeat center center;"></div>
</if>
<!--banner-->